#Web Development
8 posts tagged with "Web Development"
Javascript Build Tools: Past and Beyond
Code used in production is different from development code. In production, you need to build packages that run fast, manage dependencies, automate tasks, load external modules, and more. Tools that make it possible to turn development code into production code are called build tools.
Higher Order Components in React
React is a fantastic Javascript library for building rich user interfaces, it provides a great component abstraction for organising your interfaces into well-functioning code but what about the look and feel of the app? In the browser, the look and feel of the app are mostly defined by CSS which is a means of styling our web applications and websites. There are various ways of styling React components from using stylesheets to using external styling libraries etc.
Consuming REST APIs in React With Fetch and Axios
In this tutorial, we are going to learn about how to consume REST APIs in React using the fetch API and the Axios client. In the process, we will also build a simple react applications that is consuming an API. At the end of this tutorial, the readers would understand what a REST API is and how to consume them in React with the best practices.
Getting Started With the React Hooks API ⚛️
When React 16.8 was released officially in early February 2019, it shipped with an additional API that lets you use state and other features in React without writing a class. This additional API is called Hooks and they're becoming popular in the React ecosystem, from open sourced projects to being used in production applications.
ReactJS, The First Time ⚛️
ReactJS is a JavaScript UI library that was built and is being maintained by Facebook. React gives JavaScript developers the ability to think logically and functionally about building user interfaces.
Random thoughts on Building APIs
An API is a contractual agreement between two services over the shape of request and response. The code is just a byproduct. It also contains the terms of this data exchange."
Possible Ways To Reduce Webpack Bundle Size
webpack is a static module bundler for modern JavaScript applications. When webpack processes your application, it internally builds a [dependency graph](https://webpack.js.org/concepts/dependency-graph/) which maps every module your project needs and generates one or more bundles
Practical Introduction to Javascript Debugger 🚨
The JavaScript Debugger Statement is used to debug our javascript code. It can be placed inside a function so as to help debug the function whenever we need to.